<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<title>赢时胜报表世界数据管理系统</title>
<head th:include="common_css :: commonHeader('登录')"></head>
<link rel="stylesheet" type="text/css" th:href="@{/css/login2.css}"/>
<script type="text/javascript" th:inline="javascript">
    function kickout() {
        var kickout = [[${kickout}]];
        if ("1" == (kickout)) {
            $.messager.show({title: '系统提示', msg: '您的会话已经超时，请重新登录'});
        } else if ("2" == (kickout)) {
            $.messager.show({title: '系统提示', msg: '您的账户已于其他终端登录，已登出系统'});
        }
    }
</script>
</head>
<body>

<div class="second_body">
    <form id="login">
        <div class="logo"><img style="height: 170px;width: 200px;" th:src="@{/img/login2/yss_log.jpg}"/></div>
        <div class="title-zh">报表世界数据管理系统</div>
        <div class="title-en" style="">ReportWorld Data Manage System</div>
        <div class="message" data-bind="html:message" id="footerMsg"></div>
        <table border="0" style="width:300px;">
            <tr>
                <td style="white-space:nowrap; letter-spacing: 0.5em; vertical-align: middle">用户名：</td>
                <td colspan="2">
                    <input type="text" name="loginId" id="loginId" class="easyui-validatebox"
                           style="width: 150px" data-options="required:true"
                           missingMessage="请输入用户名！"/>
                </td>
            </tr>
            <tr>
                <td class="lable" style="white-space:nowrap; letter-spacing: 0.7em; vertical-align: middle">密 码：</td>
                <td colspan="2">
                    <input type="password" name="password" id="password" class="easyui-validatebox"
                           autocomplete="new-password"
                           maxlength="30" style="width: 150px" data-options="required:true"
                           missingMessage="请输入用密码！"/>
                </td>
            </tr>
            <tr>
                <td class="lable" style="white-space:nowrap; letter-spacing: 0.5em; vertical-align: middle">验证码：</td>
                <td colspan="2">
                    <input type="text" name="code" id="code" class="easyui-validatebox"
                           style="width: 80px"
                           data-options="required:true" missingMessage="请输入验证码！" deltaX="80px"/>
                    <img src="" style="height: 20px;width: 65px;" align="absmiddle" alt="点击更换" title="点击更换"
                         class="refreshValidateCode" id="codeImg"/>
                </td>
            </tr>
            <tr>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td colspan="3" style="text-align:center">
                    <input type="button" value="登录" name="loginBtn" class="login_button" onclick="login()"/>
                    <input type="reset" value="重置" class="reset_botton"/>
                </td>
            </tr>
        </table>
    </form>
</div>

<div th:include="common_js :: commJS"></div>
<script type="text/javascript"
        th:src="@{/js/system/login.js}"></script>
</body>
<script type="text/javascript" th:inline="javascript">
    $(function () {
        var footerMsg = [[${footerMsg}]];
        if (!isNull(footerMsg)) {
            $("#footerMsg").text(footerMsg);
        }
    })

</script>
</html>
